


 /*设置登录注册容器背景样式*/
.card-bg {
  
  background-color: rgb(52,58,64,0.4);
  box-shadow: 0 0 10px #343a40;/*阴影设置为黑色*/
  border-radius: 0;/*设置为无边框*/
}

.switch-btn {
  width: 70px;
  height: 70px;
  position: absolute;
  right: 0;/*设置按钮居右对齐*/
}

.switch-btn-text {
  position: absolute;/*表示该元素的位置相对于其父元素是固定的，即始终在其父元素的边界内。*/
  top: 60px;
  right: 5px;
  font-size: 14px;
  color: #343a40;
}

.qr-code-login {
  /*上下外边距均为40像素*/
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 50px;/*内边距为50像素*/
  padding-bottom: 40px;/*在垂直方向上外边距为40像素*/
  text-align: center;
  border-right: 0.5px solid rgb(196, 203, 215);/*左右外边距为0.5像素 边框颜色为浅灰色。*/
}

.qr-code-title {
  font-size: 24px;
}

.qr-code {
  width: 60%;
}

.gray-text {
  color: #b3b3b3;
}

.account-login {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0px;
  padding-bottom: 40px;
}

.nav-link {
  font-size: 18px;
  color: #000;
}
/*用于设置该类下导航链接的背景颜色、字体大小、边框样式等样式*/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #fff;
  color:white;
  font-size: 18px;
  border-bottom: 2px solid white;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1px;
  margin-left: 1rem;
  margin-right: 1rem;
}

.form-control {
  border: 0;
  border-bottom: 1px solid #edf1f3;
  border-radius: 0;
  /* 光标颜色 */
  caret-color: white;
  padding-left: 0;/*左侧内边距*/
  padding-right: 0;
  font-size: 14px;
  margin-bottom: 15px;
}

 

.btn {
  width: 100%;
  border-radius: 0;
  font-size: 14px;
}

.login-links,
.login-links > a,
.login-links > a:hover {
  display: flex;/*使文本在水平方向上对齐。*/
  justify-content: space-between;/*将文本在水平方向上平均分布。*/
  text-align: justify;/*文本内容对齐到左侧*/
  font-size: 12px;
  color: #b3b3b3;
  text-decoration: none;/*去除文本上下的下划线*/
}

.input-group {
  margin-bottom: 15px;
}

.input-group:hover {
  border-bottom: 1px solid white;
}

.input-group:hover > input {
  border: 0;
}

.input-group-prepend > .input-group-text {
  border: 0;
  border-bottom: 1px solid #d7d8d9;
  border-radius: 0;
  background-color: #fff;
}

 

.input-group:hover > .input-group-prepend > .input-group-text {
  border: 0;
}

.link-orange {
  color: white;
}

.checkbox-text {
  font-size: 12px;
}

 

.policy-text {
  text-align: center;
  font-size: 12px;
  margin-bottom: 10px;
}




 
 
 
 
 
